<!-- load jquery plugin -->

<script type="text/javascript">

  $(document).ready(function(){


   


   $('#tableProyecto').jtable({
    title:'Proyecto',
    paging:true,
    pageSize:10,
    sorting:true,
    defaultSorting:'Name ASC',
    actions:
    {
      listAction:'proyecto/getList',
      deleteAction:'proyecto/delete',
      updateAction:'proyecto/update',
      createAction:'proyecto/add'
    },
    fields:
    {
      id:{
        key:true,
        create:false,
        edit:false
      },
      pyto_id:{
        title:'Proyecto',
        width:'25%',
        list:true
      },
       dpto_id:{
        title:'Departamento',
        width:'50%',
        list:true,
        options:'departamento/GetDepartmentOptions'
      },
      lcdad_id:
      {
        title:'Localidad',
        width:'23%',
        dependsOn:'dpto_id',
        options: function(data)
        {
        	if(data.source=='list') 
        	{
             console.log("list data");
             //Return url of all localidad.
             return 'localidad/GetLocalidadOptionsById?departamentoId='+data.dependedValues.dpto_id;
           }
 
          console.log("informacion de datos");
          //This code runs when user opens edit/create form or changes country combobox on an edit/create form.
          return 'localidad/GetLocalidadOptionsById?departamentoId=' + data.dependedValues.dpto_id;

        }
      }
      ,
      pyto_cant:
      {
        title:'Cantidad',
        width:'25%'

      },
      pyto_aporte:
      {
        title:'Aporte',
        width:'25%'
      },
      pyto_evaluacion:
      {
        title:'Evaluacion',
        width:'25%'
      }

    }

   });

   $('#tableProyecto').jtable('load');


   $('#menu').menu();

 });
     
</script>




  
  <div id="tableProyecto"></div>

